import React from 'react';
import './TemplateTabs.css';

interface TemplateTabsProps {
  activeTab: string;
  onTabChange: (tab: string) => void;
}

const TemplateTabs: React.FC<TemplateTabsProps> = ({ activeTab, onTabChange }) => {
  const tabs = ['图片模板', 'PPT模板', '视频模板', 'H5网页模板'];

  return (
    <div className="template-nav">
      {tabs.map(tab => (
        <button
          key={tab}
          className={`nav-tab ${activeTab === tab ? 'active' : ''}`}
          onClick={() => onTabChange(tab)}
        >
          {tab}
        </button>
      ))}
    </div>
  );
};

export default TemplateTabs; 